<template>
  <div class="road-legend-box content-border-bg content-fade-right">
    <road-legend />
  </div>
</template>

<script>
  import { defineComponent, reactive, toRefs } from 'vue';
  import roadLegend from '@/components/roadLegend/roadLegend.vue';
  export default defineComponent({
    components: { roadLegend },
    setup() {
      const state = reactive({});
      return {
        ...toRefs(state),
      };
    },
  });
</script>

<style lang="less" scoped>
  .road-legend-box {
    position: absolute;
    // bottom: 0;
    z-index: 3;
    right: 30px;
    bottom: 30px;
    width: 25%;
  }
</style>
